<!DOCTYPE html>
<html lang="utf-8">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" type="image/png" sizes="16x16" href="../plugins/images/favicon.png">
    <title> 爱丁堡糖尿病信息平台</title>
 <!-- Bootstrap Core CSS -->
    <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../plugins/bower_components/bootstrap-extension/css/bootstrap-extension.css" rel="stylesheet">
    <!-- Menu CSS -->
    <link href="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css" rel="stylesheet">
    <link href="../plugins/bower_components/tablesaw-master/dist/tablesaw.css" rel="stylesheet">
     <!-- morris CSS -->
    <link href="../plugins/bower_components/morrisjs/morris.css" rel="stylesheet">
    <!-- page CSS -->
    <link href="../plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
    <link href="../plugins/bower_components/custom-select/custom-select.css" rel="stylesheet" type="text/css" />
    <link href="../plugins/bower_components/switchery/dist/switchery.min.css" rel="stylesheet" />
    <link href="../plugins/bower_components/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" />
    <link href="../plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
    <link href="../plugins/bower_components/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel="stylesheet" />
    <link href="../plugins/bower_components/multiselect/css/multi-select.css" rel="stylesheet" type="text/css" />
   
    
    <!-- animation CSS -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.min.css" rel="stylesheet">
                              
    
    <link href="css/colors/megna.css" id="theme" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
   <!-- 自定义样式 -->
   <link href="css/css.css" rel="stylesheet">
</head>

<body>
    <!-- Preloader -->
    <div class="preloader">
        <div class="cssload-speeding-wheel"></div>
    </div>
    <div id="wrapper">
        <!--顶部  -->
        <nav class="navbar navbar-default navbar-static-top m-b-0">
            <div class="navbar-header"> 
             <!-- logo和名称 -->
            	    <a class="navbar-toggle hidden-sm hidden-md hidden-lg " href="javascript:void(0)" data-toggle="collapse" data-target=".navbar-collapse"><i class="ti-menu"></i></a>
                <div class="top-left-part"><a class="logo" href="index.html"><b><img src="../plugins/images/eliteadmin-logo.png" alt="home" /></b><span class="hidden-xs">爱丁堡信息平台</span></a></div>
             <!-- end -->
                	
                <!-- 隐藏显示按钮 -->
                <ul class="nav navbar-top-links navbar-left hidden-xs">
                    <li><a href="javascript:void(0)" class="open-close hidden-xs waves-effect waves-light"><i class="icon-arrow-left-circle ti-menu"></i></a></li>
                </ul>
                <!-- end -->
                <!-- 护士，医生按钮 -->
                <div class="toplist">
                	  <ul>
                    <li class="toplistcentv">
                       <a href="#" class="toplistcolor">护士专区</a>
                    </li>  
                    <li>
                       <a href="#" class="toplistcolor">医生专区</a>
                    </li>  
                    </ul>
                </div>
                <!-- end -->
                
                <ul class="nav navbar-top-links navbar-right pull-right">
                    <li class="dropdown">
                        <ul class="dropdown-menu mailbox animated bounceInDown">
                            <li>
                                <div class="drop-title">You have 4 new messages</div>
                            </li>
                            <li>
                                <div class="message-center">
                                    <a href="#">
                                        <div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                        <div class="mail-contnet">
                                            <h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span> </div>
                                    </a>
                                    <a href="#">
                                        <div class="user-img"> <img src="../plugins/images/users/sonu.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                                        <div class="mail-contnet">
                                            <h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span> </div>
                                    </a>
                                    <a href="#">
                                        <div class="user-img"> <img src="../plugins/images/users/arijit.jpg" alt="user" class="img-circle"> <span class="profile-status away pull-right"></span> </div>
                                        <div class="mail-contnet">
                                            <h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span> </div>
                                    </a>
                                    <a href="#">
                                        <div class="user-img"> <img src="../plugins/images/users/pawandeep.jpg" alt="user" class="img-circle"> <span class="profile-status offline pull-right"></span> </div>
                                        <div class="mail-contnet">
                                            <h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <a class="text-center" href="javascript:void(0);"> <strong>See all notifications</strong> <i class="fa fa-angle-right"></i> </a>
                            </li>
                        </ul>
                        <!-- /.dropdown-messages -->
                    </li>
                   
                    <li class="dropdown">
                    	    <!--右侧头像昵称-->
                        <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#"> <img src="../plugins/images/users/d1.jpg" alt="user-img" width="36" class="img-circle"><b class="hidden-xs naziti">白色小米虫</b> </a>
                        <!--头像下拉--> 
                        <ul class="dropdown-menu dropdown-user animated flipInY">
                            
                            <li><a href="javascript:void(0)"><i class="ti-settings"></i>修改密码</a></li>
                            <li><a href="login.html"><i class="fa fa-power-off"></i>退出</a></li>
                        </ul>
                        <!-- 头像end -->
                    </li>

                </ul>
            </div>
        </nav>
       <!-- 顶部end-->
       
       
        <!-- 左边导航部分 -->
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse slimscrollsidebar">
                <ul class="nav" id="side-menu">
                    <li class="nav-small-cap m-t-10">--- 主菜单</li>
                    <li> <a href="index.html" class="waves-effect"><i class="ti-write p-r-10"></i> <span class="hide-menu">用户管理<span class="fa arrow"></span></span></a> </li>
                    <li> <a href="javascript:void(0);" class="waves-effect"><i class="ti-calendar p-r-10"></i> <span class="hide-menu">权限管理<span class="fa arrow"></span></span></a></li>
                    <li> <a href="javascript:void(0);" class="waves-effect"><i class="icon-people p-r-10"></i> <span class="hide-menu">检验设置<span class="fa arrow"></span></span></a></li>
                    
                 </ul>
                  
            </div>
        </div>
        <!-- 左边导航部分 end -->
        <!-- 中间页面部分 -->
	   <div id="page-wrapper">
		            <div class="container-fluid">
		                <div class="row bg-title">
		                    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
		                        <h4 class="page-title naziti">基本信息</h4> </div>
		                    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12"> <a href="" target="_blank" class="btn btn-danger pull-right m-l-20 btn-rounded btn-outline hidden-xs hidden-sm waves-effect waves-light naziti">新建窗口</a>
		                        <ol class="breadcrumb">
		                            <li><a href="index.html">首页</a></li>
		                            <li class="active">基本信息</li>
		                        </ol>
		                    </div>
		                    <!-- /.col-lg-12 -->
		                </div>
		                <!--row -->
				            <div class="row">
				                    <div class="col-sm-12">
				                        <div class="white-box"> 
		                                <!--用户管理-->
		                                      <h3 class="box-title"><span class="zitileft">新建用户</span><span class="zitiright"></span></h3>
				                              <div class="table-responsiv">
				                                <table class="table table-bordered table-striped">
				                                    <tbody>
				                                        <tr>
				                                            <td class="artd">账号:</td>
				                                            <td class="artd2">
				                                            	   <span class="zitileft" style="width: 60%; margin-right: 10px;">
				                                              	<input type="text" class="form-control" id="inputPasswordConfirm4" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="" required="">
				                                               </span>
				                                               <div class="help-block with-errors"><ul class="list-unstyled"><li><font style="vertical-align: inherit;"><font style="vertical-align: inherit; color: red;">请填写此字段。</font></font></li></ul></div>
				                                            </td>
				                                            
				                                        </tr>
				                                        <tr>
				                                            <td class="artd">真实姓名:</td>
				                                            <td class="artd2">
				                                            	   <span class="zitileft" style="width: 60%; margin-right: 10px;">
				                                              	<input type="text" class="form-control" id="inputPasswordConfirm4" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="" required="">
				                                               </span>
				                                               <div class="help-block with-errors"><ul class="list-unstyled"><li><font style="vertical-align: inherit;"><font style="vertical-align: inherit; color: red;"></font></font></li></ul></div>
				                                            </td>
					                                      
				                                        </tr>
				                                        <tr> 
				                                            <td class="artd">角色:</td>
				                                            <td class="artd2">
				                                            	   <span class="zitileft" style="width: 60%; margin-right: 10px;">
				                                              	<div class="col-md-4 wmarrtbott">
								                                    <select class="selectpicker" data-style="form-control">
								                                        <option>护士</option>
								                                        <option>医生</option>
								                                        <option>管理员</option>
								                                        <option>护士长</option>
								                                        <option>全权限</option>
								                                    </select>
	                                                           </div>
				                                               </span>
				                                               <div class="help-block with-errors"><ul class="list-unstyled"><li><font style="vertical-align: inherit;"><font style="vertical-align: inherit; color: red;"></font></font></li></ul></div>
				                                            </td>
				                                            
				                                        </tr>
				                                        <tr> 
				                                            <td class="artd">密码:</td>
				                                            <td class="artd2">
				                                            	   <span class="zitileft" style="width: 60%; margin-right: 10px;">
				                                              	<input type="password" class="form-control" id="inputPasswordConfirm4" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="" required="">
				                                               </span>
				                                               <div class="help-block with-errors"><ul class="list-unstyled"><li><font style="vertical-align: inherit;"><font style="vertical-align: inherit; color: red;"></font></font></li></ul></div>
				                                            </td>
				                                            
				                                        </tr>
				                                        <tr> 
				                                            <td class="artd">确认密码:</td>
				                                            <td class="artd2">
				                                            	   <span class="zitileft" style="width: 60%; margin-right: 10px;">
				                                              	<input type="password" class="form-control" id="inputPasswordConfirm4" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="" required="">
				                                               </span>
				                                               <div class="help-block with-errors"><ul class="list-unstyled"><li><font style="vertical-align: inherit;"><font style="vertical-align: inherit; color: red;"></font></font></li></ul></div>
				                                            </td>
				                                            
				                                        </tr>
				                                       
				                                    </tbody>
				                                </table>
				                                <div class="cbtna">
						                          	<button type="submit" class="btn btn-success waves-effect waves-light m-r-10">
						                          		<font style="vertical-align: inherit;">
						                          			<font style="vertical-align: inherit;">保存</font>
						                          		</font>
						                          	</button>
						                          	<button type="submit" class="btn btn-inverse waves-effect waves-light">
						                          		<font style="vertical-align: inherit;">
						                          			<font style="vertical-align: inherit;">取消</font>
						                          		</font>
						                          	</button>
						                        </div>
				                            </div>
		                                
		                            </div>
				                        </div>
				            </div>
		
				        <!-- 自定 end -->
				                    
		            </div>
		      
                <!--/row -->
     
              <!-- 底部 -->
            <footer class="footer text-center naziti"> 版权：2017 &copy; Elite Admin brought to you by themedesigner.in </footer>
        </div>
        

    
    <!-- /#wrapper -->
    <!-- jQuery -->
    <script src="../plugins/bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="bootstrap/dist/js/tether.min.js"></script>
    <script src="bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../plugins/bower_components/bootstrap-extension/js/bootstrap-extension.min.js"></script>
    <!-- Menu Plugin JavaScript -->
    <script src="../plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.js"></script>
    <!--slimscroll JavaScript -->
    <script src="js/jquery.slimscroll.js"></script>
    <!--Wave Effects -->
    <script src="js/waves.js"></script>
    <!--Morris JavaScript -->
    <script src="../plugins/bower_components/raphael/raphael-min.js"></script>
    <script src="../plugins/bower_components/morrisjs/morris.js"></script>
    <!-- Sparkline chart JavaScript -->
    <script src="../plugins/bower_components/jquery-sparkline/jquery.sparkline.min.js"></script>
    <!-- jQuery peity -->
    <script src="../plugins/bower_components/peity/jquery.peity.min.js"></script>
    <script src="../plugins/bower_components/peity/jquery.peity.init.js"></script>
    <!-- Custom Theme JavaScript -->
    <script src="js/custom.min.js"></script>
    <script src="js/dashboard1.js"></script>
    
    <script src="../plugins/bower_components/switchery/dist/switchery.min.js"></script>
    <script src="../plugins/bower_components/custom-select/custom-select.min.js" type="text/javascript"></script>
    <script src="../plugins/bower_components/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
    <script src="../plugins/bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
    <script src="../plugins/bower_components/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../plugins/bower_components/multiselect/js/jquery.multi-select.js"></script>
    <script>
            jQuery(document).ready(function () {
                // Switchery
                var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
                $('.js-switch').each(function () {
                    new Switchery($(this)[0], $(this).data());
                });
                // For select 2
                $(".select2").select2();
                $('.selectpicker').selectpicker();
                //Bootstrap-TouchSpin
                $(".vertical-spin").TouchSpin({
                    verticalbuttons: true
                    , verticalupclass: 'ti-plus'
                    , verticaldownclass: 'ti-minus'
                });
                var vspinTrue = $(".vertical-spin").TouchSpin({
                    verticalbuttons: true
                });
                if (vspinTrue) {
                    $('.vertical-spin').prev('.bootstrap-touchspin-prefix').remove();
                }
                $("input[name='tch1']").TouchSpin({
                    min: 0
                    , max: 100
                    , step: 0.1
                    , decimals: 2
                    , boostat: 5
                    , maxboostedstep: 10
                    , postfix: '%'
                });
                $("input[name='tch2']").TouchSpin({
                    min: -1000000000
                    , max: 1000000000
                    , stepinterval: 50
                    , maxboostedstep: 10000000
                    , prefix: '$'
                });
                $("input[name='tch3']").TouchSpin();
                $("input[name='tch3_22']").TouchSpin({
                    initval: 40
                });
                $("input[name='tch5']").TouchSpin({
                    prefix: "pre"
                    , postfix: "post"
                });
                // For multiselect
                $('#pre-selected-options').multiSelect();
                $('#optgroup').multiSelect({
                    selectableOptgroup: true
                });
                $('#public-methods').multiSelect();
                $('#select-all').click(function () {
                    $('#public-methods').multiSelect('select_all');
                    return false;
                });
                $('#deselect-all').click(function () {
                    $('#public-methods').multiSelect('deselect_all');
                    return false;
                });
                $('#refresh').on('click', function () {
                    $('#public-methods').multiSelect('refresh');
                    return false;
                });
                $('#add-option').on('click', function () {
                    $('#public-methods').multiSelect('addOption', {
                        value: 42
                        , text: 'test 42'
                        , index: 0
                    });
                    return false;
                });
            });
      </script>
    <!--Style Switcher -->
    <script src="../plugins/bower_components/styleswitcher/jQuery.style.switcher.js"></script>
</body>

</html>